'''CSS 选择器
一、四种基本选择器：
<style>
        /*第一种：*类似通配符 作用所有标签**/
        *{ color: #cc0000}
        /*第二种：div 作用所有标签*/
        div{ font-size: 200px}
       /* 第三种：id 选择器（# ）*/
        #litop{background: blue}
        /*第四种：class 选择器（.）*/
        .huahua{color: black}
二、组合使用
     ， 多个标签同时操作用，隔开
        空格 后代选择器
     > 子代选择器(大于号 自带选择器)
     + 相邻选择器（向后查找）

三、属性选择器
    E[att]          匹配所有具有att属性的E元素，不考虑它的值。（注意：E在此处可以省略。
                  比如“[cheacked]”。以下同。）   p[title] { color:#f00; }
    E[att=val]      匹配所有att属性等于“val”的E元素   div[class=”error”] { color:#f00; }

    E[att~=val]     匹配所有att属性具有多个空格分隔的值、其中一个值等于“val”的E元素
                    td[class~=”name”] { color:#f00; }
    E[attr^=val]    匹配属性值以指定值开头的每个元素
                    div[class^="test"]{background:#ffff00;}
    E[attr$=val]    匹配属性值以指定值结尾的每个元素    div[class$="test"]{background:#ffff00;}

    E[attr*=val]    匹配属性值中包含指定值的每个元素    div[class*="test"]{background:#ffff00;}



</style>
优先级：importent 高于一切
style=""   优先级1000
#          id 优先级100
.          class 优先级10
div        优先级  1

'''